<?php slot('header')?>
<style type="text/css">
	aside.right{
		float: right;
		width: 270px;
		border: 1px solid #ccc;
		border-radius: 5px 5px 0px 0px;
		-webkit-border-radius: 5px 5px 0px 0px;
		-o-border-radius: 5px 5px 0px 0px;
		-moz-border-radius: 5px 5px 0px 0px;
	}
	aside.right ul li{
		padding: 10px 0px;
	}
	aside.right ul li.-active{
		font-weight: bold;
		color: #b8911f ;
	}
	aside.right ul li.-active a{
		color: #b8911f;
	}
	aside.right ul li + li{
		border-top: 1px dashed #ccc;
	}
	aside.left{
		float: left;
		width: 500px;
		border: 1px solid #ccc;
		border-radius: 5px 5px 0px 0px;
		-webkit-border-radius: 5px 5px 0px 0px;
		-o-border-radius: 5px 5px 0px 0px;
		-moz-border-radius: 5px 5px 0px 0px;
	}
	div.p-title.product{
		margin: 0px 0px 0px 0px;
		border-radius: 5px 5px 0px 0px;
		-moz-border-radius: 5px 5px 0px 0px;
		-o-border-radius: 5px 5px 0px 0px;
		-webkit-border-radius: 5px 5px 0px 0px;
	}
</style>
<script type="text/javascript">
$(function(){
	MAIN.setMenu('a');
	FORM.init();
});

</script>
<?php end_slot()?>
<?php slot('rhead')?>
<?php include_component('componentUlti', 'slide')?>
<?php end_slot()?>
<div class="hline" style="border-top: 2px solid #fff"></div>
<div class="logo-none-slogan"></div>
<div class="p-title">Giúp đỡ</div>
<div class="content-padding">
	<aside class="left">
		<div class="p-title product"><?php echo $data['content']['title']?></div>
		<div class="content-padding">
			<?php echo html_entity_decode(nl2br($data['content']['content']))?>
		</div>
	</aside>
	<aside class="right">
		<div class="p-title product">Giúp đỡ</div>
		<div class="content-padding">
			<ul>
				<?php foreach($data['supports'] as $sp):?>
				<li class="<?php echo intval($data['id']) == intval($sp['id']) ? '-active':'' ?>"><a href="<?php echo url_for2('supports',array('id' => $sp['id']))?>"><?php echo $sp['title']?></a></li>
				<?php endforeach?>
			</ul>
		</div>
	</aside>
	<div class="hz-clr"></div>
</div>